<template>
  <div class='app-container'>
    <el-table :data='list' border stripe>
      <el-table-column label='序号' type='index' width='50' align='center' />
      <el-table-column label='借款额度' prop='borrowAmount' align='center' />
      <el-table-column label='积分区间开始' prop='integralStart' align='center' />
      <el-table-column label='积分区间结束' prop='integralEnd' align='center' />
    </el-table>
  </div>
</template>

<script>
import integralGradeApi from '@/api/core/integral-grade';

export default {
  name: 'List',
  data: () => ({
    list: []
  }),
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      integralGradeApi.list().then(({ data }) => {
        this.list = data.list;
      }).catch(err => {
        console.log(err);
      });
    }
  }
};
</script>

<style scoped>

</style>
